<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>
    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
</head>

<body data-spy="scroll" style="background: url('../img/bg.png') repeat-x;">

    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <!--导航开始-->
            <div class="navbar navbar-fixed-top" onload="initlanguage();" style="backgroud : url('../../images/bg.png') repeat;height:60px">
                <div class="navbar-inner" style="backgroud-color:#777777;opacity:1;height:60px">
                    <!-- <div class="container">-->
                    <div class="lrstyle" style="height:60px;">
                        <a class="brand pull-left" href="http://www.zendai.com" target="_blank">
                            <img src="../../images/zendai.png">
                        </a>
                        <a class="brand pull-left" style="padding:0;margin-left:0px;margin-top:14px;" href="/">
                            <img src="../../images/log-mdf.png">
                        </a>
                        <a class="brand pull-left" href="../../guihua.html" target="_blank" style="padding:0;margin-left:5px;margin-top:16px;height:60px">
                            <img src="../../images/emap.png">
                        </a>
                        <ul id="nav-list2" class="nav" style="height:60px; float:right">
                            <li>
                                <a href="../../guihua.html">
                                    <img src='../../images/index/emap.png'>
                                </a>
                            </li>
                            <li>
                                <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                                    <img src='../../images/index/english.png'>
                                </a>
                            </li>
                        </ul>
                        <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                            <li>
                                <a href="qwbj.html" id="menu_qwbj">
                                    <img src='../../images/index/区域背景.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghdw.html" id="menu_ghdw">
                                    <img src='../../images/index/规划定位1.png'>
                                </a>
                            </li>
                            <li>
                                <a href="ghln.html" id="menu_ghln">
                                    <img src='../../images/index/规划理念.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cygh.html" id="menu_cygh">
                                    <img src='../../images/index/产业规划.png'>
                                </a>
                            </li>
                            <li>
                                <a href="cssj.html" id="menu_cssj">
                                    <img src='../../images/index/城市设计.png'>
                                </a>
                            </li>
                        </ul>

                    </div>

                    <!-- </div> -->
                </div>
            </div>
            <!--导航结束-->
        </div>
    </div>

    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid">
            <!-- APP DETAILS -->
            <div class="span12">
                <!-- APP NAME -->
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
                <div id="main_detail" style="margin-left:0;margin-top:20px;font-family:'微软雅黑';font-size:15px;">

                </div>
            </div>
            <div class="span12 page-title">
                <table style="margin-left:-30px;margin-top:-90px;">
                    <tr>
                        <td class="thumbnails" colspan="2">
                            <a id="hxzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghdw/和谐之城5.jpg" width="100%" height="200">
                                    <div id="main_hxzc" class="divbackground">
                                    </div>
                                </div>
                            </a>
                        </td>
                        <td class="thumbnails" rowspan="2">
                            <a id="stzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghdw/活力之城1.jpg" width="470">
                                    <div id="main_hlzc" class="divbackground">
                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>

                    <tr>
                        <td class="thumbnails">
                            <a id="hlzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghdw/生态之城2.jpg" width="225" height="110">
                                    <div id="main_stzc" class="divbackground">
                                    </div>
                                </div>
                            </a>
                        </td>
                        <td class="thumbnails">
                            <a id="znzcshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/tupian_module/subpage/ghdw/智能之城1.jpg" width="225" height="110">
                                    <div id="main_znzc" class="divbackground">
                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div id="idBoxstzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframestzc" src="hlzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxhlzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframehlzc" src="stzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="hlzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxhxzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframehxzc" src="hxzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="hxzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <div id="idBoxznzc" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframeznzc" src="znzc-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="znzcDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="../../images/closediv.png">
        </div>
    </div>
    <br>
    <!-- FOOTER -->
    <div class="footer container container-fluid">
        <!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->

        <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div>
    </div>

    <script type="text/javascript">
    // var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    // initpage(pagelanguage);
    (function() {
        var abstzc = new AlertBox("idBoxstzc"),
            lock = true,
            center = true;
        var abhlzc = new AlertBox("idBoxhlzc"),
            lock = true,
            center = true;
        var abhxzc = new AlertBox("idBoxhxzc"),
            lock = true,
            center = true;
        var abznzc = new AlertBox("idBoxznzc"),
            lock = true,
            center = true;


        $$("stzcshowDetail").onclick = function() {
            abstzc.center = true;
            abstzc.show();
        }
        $$("stzcDetailcolse").onclick = function() {
            abstzc.close();
        }

        $$("hlzcshowDetail").onclick = function() {
            abhlzc.center = true;
            abhlzc.show();
        }

        $$("hlzcDetailcolse").onclick = function() {
            abhlzc.close();
        }

        $$("hxzcshowDetail").onclick = function() {
            abhxzc.center = true;

            abhxzc.show();
        }

        $$("hxzcDetailcolse").onclick = function() {
            abhxzc.close();
        }

        $$("znzcshowDetail").onclick = function() {
            abznzc.center = true;
            abznzc.show();
        }
        $$("znzcDetailcolse").onclick = function() {
            abznzc.close();
        }
    })()


    function setllanguage(ipagelanguage) {

        if (ipagelanguage == "en") {
            $("#main_title").html("<h2>Positioning</h2>");
            $("#main_stzc").html("AN ECO CITY");
            $("#main_hlzc").html("A CITY OF VITALITY");
            $("#main_hxzc").html("A CITY OF HARMONY");
            $("#main_znzc").html("A CITY OF INTEL...");
            $("#main_detail").html("<font style='font-family:微软雅黑;'size='2px'>In terms of planning concept of Eco Infrastructure System（ECI）, as well as Eco technological measures, the future of Modderfontein will be an Eco friendly, sustainable and low carbon city.Infused with massive investment, education and training as well as introduction of various kinds of industries, Modderfontein will become a harmonic new city with energetic urban environment. Ethnic integration will be achieved by improvement of the quality of human resources, creation of jobs for peoples to live and work in peace.The vitality of city is due to its pluralism of urban life in terms of environmental and cultural richness, which is based on industrial diversity. The future city of Modderfontein will be a comprehensive city, which embraces working, living and entertainment.The Modderfontein city is designated to be an intelligent city, which Utilizes the most updated IT technologies , as well as other contemporary knowledge-based technologies in communication and management, which makes the city more efficient.</font>");
        } else {
            $("#main_title").html("<h2>规划定位</h2>");
            $("#main_stzc").html("生态之城");
            $("#main_hlzc").html("活力之城");
            $("#main_hxzc").html("和谐之城");
            $("#main_znzc").html("智能之城");
            $("#main_detail").html("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在规划设计概念布局和生态技术措施两个层面，打造生态友好、可持续发展的低碳城市。在生态和谐的背景上展开的是人民生活的和谐。依凭大规模的投资、教育培训和产业引进，城市环境得到大福提升，劳动力素质不断提高，大量的工作岗位，使得人们安居乐业，促进民族融合。城市的活力来自于城市生活的多元化和丰富多彩。而这源自于城市产业的多样性、连贯性、综合性。沐德坊的未来，是生产、生活、休闲娱乐一体化的综合性城市。沐德坊在设计之处被定义为一个智能城市，最新的IT技术、当代最先进沟通和管理模式应用其中，这使得城市更加高效.");
        }
    };

    function changelanguage11(pagelanguage) {
        if (pagelanguage == "en") {
            $("a#planguage>img").attr('src', '/images/index/中文.png')
            $("a#menu_qwbj>img").attr('src', '/images/index/context.png')
            $("a#menu_ghdw>img").attr('src', '/images/index/positioning1.png')
            $("a#menu_ghln>img").attr('src', '/images/index/concept.png')
            $("a#menu_cygh>img").attr('src', '/images/index/industry.png')
            $("a#menu_cssj>img").attr('src', '/images/index/design.png')
        } else {
            $("a#planguage>img").attr('src', '/images/index/english.png')
            $("a#menu_qwbj>img").attr('src', '/images/index/区域背景.png')
            $("a#menu_ghdw>img").attr('src', '/images/index/规划定位1.png')
            $("a#menu_ghln>img").attr('src', '/images/index/规划理念.png')
            $("a#menu_cygh>img").attr('src', '/images/index/产业规划.png')
            $("a#menu_cssj>img").attr('src', '/images/index/城市设计.png')
        }
        chagelinkhref(pagelanguage);
    }
    // changelanguage()
    </script>
</body>




</html>
